<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>医院详情</title>
    <!--浏览器小图标-->
    <link rel="shortcut icon" href="/img/favicon.png">
    <!--自定义样式-->
    <link rel="stylesheet" href="/css/index.css">
    <!-- 引入Element UI样式 -->
    <link rel="stylesheet" href="/element/element-ui.css">
</head>
<body>
<div>
    <el-container>
        <!--自定义标签-->
        <el-header style="position: fixed;width: 100%;z-index: 1">
            <index-header></index-header>
        </el-header>
        <el-main>
            <el-row>
                <el-col offset="2" span="20">
                    <el-row style="margin-top: 55px">
                        <el-col span="4">
                            <index-left-card></index-left-card>
                        </el-col>
                        <el-col span="20" v-loading="loading">
                            <!--右边卡片-->
                            <el-card shadow="hover">
                                <!--页面内容-->
                                <div class="region">
                                    <!-- 内容页  -->
                                    <div class="nry">
                                        <h3 class="titles" style="text-align: center;color:#000">
                                            {{activities.title}}</h3>
                                        <div class="nrydiv">
                                            <p>
                                                {{activities.content}}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </el-card>
                        </el-col>
                    </el-row>
                </el-col>
            </el-row>
        </el-main>
        <!--自定义标签-->
        <el-footer>
            <index-footer></index-footer>
        </el-footer>
    </el-container>
</div>
</body>
<!-- 引入Vue和Element UI库 -->
<script src="/js/vue.js"></script>
<script src="/element/element-ui.js"></script>
<!--引入axios框架文件-->
<script src="/js/axios.js"></script>
<!--引入自定义header-->
<script src="/js/index-header.js"></script>
<!--引入自定义footer-->
<script src="/js/index-footer.js"></script>
<!--引入自定义卡片card-->
<script src="/js/index-left-card.js"></script>
<script>
    let v = new Vue({
        el: "body>div",
        data: {
            activities: {
                content: '',
                title: '',
                size: '',
                type: '',
                icon: ''
            },
            /*加载*/
            loading: false,
        },
        methods: {
            getNotice() {
                axios.get("/pa/notice/selectOne").then(function (response) {
                    console.log(response)
                    if (response.data.code === 1) {
                        v.activities.content = response.data.data[0].title
                        v.activities.title = response.data.data[0].notice;
                    } else {
                        v.$message.error("数据为空");
                    }
                })
            }
        },
        updated() {

        },
        mounted() {
            this.getNotice();
        }

    })
</script>
</html>